
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:view>
    <link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
    <script language="JavaScript" type="text/javascript">
        function moverCursorDni() {
            var caja = document.getElementById('frmModulos:txtAcronimo');
            caja.focus();
        }
        
    </script>
    
    <t:div>

        <h:form id="frmModulos">
            <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
                <h:outputLabel value="Asignar Módulos" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>
            <h1>
                <h:outputLabel value="#{CursoController.cursoAdapter.curso} - "/>
                <h:outputLabel value="#{CursoController.nroModulos} módulo(s) - Periodo: "/>
                <h:outputLabel value="#{CursoController.cursoAdapter.periodo}"/>
            </h1>

            <h:panelGrid columns="2" cellpadding="2" cellspacing="2" styleClass="tablanormal">
                <h:outputLabel value="Módulo: "/>
                <h:inputText id="txtAcronimo" value="#{CursoController.modulo.modAcronimo}" size="4" maxlength="4"/>
                
                <h:outputLabel value="Nombre: "/>
                <h:inputText value="#{CursoController.modulo.modNombre}" size="30" maxlength="50"/>

                <h:outputLabel value="Tipo: "/>
                <h:selectOneRadio value="#{CursoController.modulo.modTipo}" styleClass="etiquetas">
                    <f:selectItem itemValue="true" itemLabel="Diplomado" />
                    <f:selectItem itemValue="false" itemLabel="Curso" />
                </h:selectOneRadio>

                <h:outputLabel value="Fecha Inicio: "/>
                <rich:calendar id="txtInicio"
                           value="#{CursoController.modulo.modfechaInicio}"
                           datePattern="dd/MM/yyyy"/>

                <h:outputLabel value="Fecha Fin: "/>
                <rich:calendar id="txtFin" datePattern="dd/MM/yyyy"
                               value="#{CursoController.modulo.modfechaFin}"/>

                <h:commandButton image="/img/add.png" 
                                 action="#{CursoController.nuevo}" />
                <h:panelGrid columns="2" styleClass="tablanormal">
                    <h:commandButton image="/img/btnAgregar.gif"
                                     action="#{CursoController.registrarModulo}" />
                    <h:commandButton image="/img/btnEditar.gif"
                                     action="#{CursoController.editarModulo}" />
                </h:panelGrid>
                
            </h:panelGrid>

            <rich:spacer height="20" />

            <rich:dataTable value="#{CursoController.listaModulo}"
                            var="modulo" rows="15" reRender="ds" id="simpletable"
                            width="100%" columnsWidth="5%,45%,20%,20%,10%">
                <f:facet name="header">
                    <rich:columnGroup>
                        <rich:column breakBefore="true">
                            <h:outputLabel value="Codigo"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="Módulo"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="Tipo"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="Período"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="Opción"/>
                        </rich:column>
                    </rich:columnGroup>
                </f:facet>
                <rich:column>
                    <h:outputLabel value="#{modulo.modCodigo}"/>
                </rich:column>
                <rich:column>
                    <h:outputLabel value="#{modulo.modAcronimo} - #{modulo.modNombre} " />
                </rich:column>
                <rich:column>
                    <h:outputLabel value= "#{modulo.modTipo==true ? 'DIPLOMADO' : 'CURSO'}" />
                </rich:column>
                <rich:column>
                    <h:outputLabel value="#{modulo.periodo}" />
                </rich:column>
                <rich:column>
                    &nbsp;&nbsp;
                    <h:commandButton title="Eliminar Modulo" image="/img/eliminar.png"
                                     action="#{CursoController.eliminarModulo}"
                                     onclick="return confirm('Deseas eliminar este módulo?');">
                        <f:setPropertyActionListener target="#{CursoController.modulo}" value="#{modulo}" />
                    </h:commandButton>
                    &nbsp;&nbsp;
                    <h:commandButton title="Mostrar Instructor Módulo" image="/img/ver.png"
                                     action="#{CursoController.verInstructores}">
                        <f:setPropertyActionListener target="#{CursoController.modulo}" value="#{modulo}" />
                    </h:commandButton>
                </rich:column>
                <f:facet name="footer">
                    <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                </f:facet>
        </rich:dataTable>

        <br/>

        <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
            <h:outputLabel value="Instructores por módulo" />
        </h:panelGrid>

        <br/>

        <table width="100%" border="0" cellpadding="2" cellspacing="2" class="tablanormal">
            <tr>
                <td width="50%">
                    Modulo:
                    <h:outputLabel value="#{CursoController.modulo.modNombre == null ? 'Seleccione módulo' : CursoController.modulo.modNombre}" />
                </td>
                <td width="15%">
                    Instructor:
                    <h:selectOneMenu value="#{CursoController.ineCodigo}">
                        <f:selectItem itemValue="0" itemLabel="-- Seleccione un Instructor --"/>
                        <f:selectItems value="#{CursoController.comboInstructorEventos}" />
                    </h:selectOneMenu>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <h:commandButton image="/img/btnAgregar.gif"
                                     action="#{CursoController.registrarInstructor}" />
                </td>
            </tr>
        </table>
        <br/>

        <rich:dataTable value="#{CursoController.listaInstructorModulo}"
                        var="instructor" rows="15" reRender="ds" id="simpletable2"
                        width="100%" columnsWidth="5%,85%,10%">
                <f:facet name="header">
                    <rich:columnGroup>
                        <rich:column breakBefore="true">
                            <h:outputLabel value="Codigo"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="Instructor"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="Opciones"/>
                        </rich:column>
                    </rich:columnGroup>
                </f:facet>
                <rich:column>
                    <h:outputLabel value="#{instructor.codigo}"/>
                </rich:column>
                <rich:column>
                    <h:outputLabel value="#{instructor.nombreCompleto}" />
                </rich:column>
                <rich:column>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <h:commandButton title="Eliminar Instructor" image="/img/eliminar.png"
                                     action="#{CursoController.eliminarInstructor}"
                                     onclick="return confirm('Deseas eliminar este Instructor?');">
                        <f:setPropertyActionListener target="#{CursoController.instructorModuloAdapter}" value="#{instructor}" />
                    </h:commandButton>
                </rich:column>
                <f:facet name="footer">
                    <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                </f:facet>
        </rich:dataTable>

        <br/>
        <h:commandButton image="/img/btnAtras.gif" id="btnAtras" accesskey="A"
                         action = "#{CursoController.listar}" title="Atras"/>

  
    </h:form>
</t:div>
</f:view>
